<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Site | Home</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index, follow" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="../css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print" />
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
<div id="container">
	<div id="preview-image">
		<div id="preview-image-header">

			<h1>Color control</h1>
		  <br />
			<h2>Have fun with colors</h2>
    </div>
		<img id="preview" src="/sites/all/themes/dxo/images/controle_couleurs_01.jpg" alt="" />
	</div>

	<div id="preview-filter">

		<!-- changer l'id en fonction du nombre d'img | 2 img => id="bloc2" | etc ... 6 img MAX -->
		<ul id="bloc5">
			<li class="thumb">
				<img class="active" src="/sites/all/themes/dxo/images/controle_couleurs_01.jpg" alt="" title="" />
				Original
			</li>
			<li class="thumb">
				<img src="/sites/all/themes/dxo/images/controle_couleurs_02.jpg" alt="" />
			</li>

			<li class="thumb">
				<img src="/sites/all/themes/dxo/images/controle_couleurs_03.jpg" alt="" title="" />
			</li>
			<li class="thumb">
				<img src="/sites/all/themes/dxo/images/controle_couleurs_04.jpg" alt="" title="" />
			</li>
			<li class="thumb">
				<img src="/sites/all/themes/dxo/images/controle_couleurs_05.jpg" alt="" title="" />
			</li>

		</ul>
</div>
	
	<div id="clear"></div>
	
</div>
<script type="text/javascript" src="../js/lib.js"></script> 
<script type="text/javascript" src="../js/l10n.js"></script> 
<script type="text/javascript" src="../js/plugin.js"></script> 
<script type="text/javascript" src="../js/start.js"></script>
</body>
</html>